import { defineStore } from "pinia";
import { ref, computed } from "vue";
// pinia 没有 mutations 和 modules

// defineStore 创建一个 store 实例, counter 是这个 store的 id

// 返回了 state , getters , actions
// export const useCounterStore = defineStore("counter", () => {
//   const count = ref(0); // state
//   const a = ref(1);
//   const doubleCount = computed(() => count.value * 2); // getters
//   // acitons
//   function increment() {
//     count.value++;
//   }

//   return { count, a, doubleCount, increment };
// });

// 第二种写法
export const useCounterStore = defineStore("counter", {
  state: () => {
    return {
      count: 5,
      a: 1,
    };
  },
  getters: {
    doubleCount: (state) => {
      return state.count * 2;
    },
  },
  actions: {
    increment() {
      this.count++;
    },
  },
});
